<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
<title>lizhe88</title>

<link rel="stylesheet" type="text/css" href="/Public/Home/css/style.css"/>



<script src="/Public/Home/js/echarts.js"></script>
<!--<script src="/Public/Home/js/nav.js"></script>-->
<script src="/Public/Home/js/jquery.min.js"></script>
<!--<script src="/Public/Home/js/header.js"></script>-->


<script src="/Public/static/bootstrap/js/html5shiv.js"></script>
<script type="text/javascript" src="/Public/static/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/Public/static/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="/Public/static/bootstrap/js/bootstrap.min.js"></script>

<!--表格-->

<link rel="stylesheet" type="text/css" href="/Public/Home/css/style.css"/>
<script src="/Public/Home/js/jquery.min.js"></script>




<!--<![endif]-->
<!-- 页面header钩子，一般用于加载插件CSS文件和代码 -->
<?php echo hook('pageHeader');?>

</head>
<body>
	<!-- 头部 -->
	<div class="top-blank"></div>
<div class="top-head" id="headdiv">

    <div class="top01">
        <div style="width:100%;">

            <span class="lo">24小时成交量:<a>￥168,021亿</a></span>
                <span class="lo1">总市价:<a>￥55,562亿</a></span>
                <span class="lo1">GBI指数:<a>￥10,251亿</a></span>

            <div class="top01_center">
                <span>APP下载</span>
                <a class="cd"href="<?php echo U('User/login');?>">登录</a>
                <a class="cd"href="<?php echo U('User/register');?>">注册</a>
            </div>
        </div>
    </div>


    <div class="tuo" style="width: 100%;height: 140px">
    <div class="top02" style="background-color:#fff;">
        <div class="top02_center" style="width:100%;margin:0 auto;">
            <div class="logo"><a href="#"><img src="../../../../../Public/Home/images/header/log.png" style="width: 300px; height: 80px;margin-left: 5%;"/></a></div>
            <div class="zhengshi">

                <div class="biaoti">
                        <ul>
                            <li class="cc">BTC</li>
                            <li>￥2563</li>
                        </ul>
                    <div id="sj1" style="width:50%;height:20px;margin-left: 45%;margin-top: -25%;"></div>
                </div>
                <div class="biaotis">
                    <ul>
                        <li class="cc">BTC</li>
                        <li>￥2563</li>
                    </ul>
                    <div id="sj2" style="width:50%;height:20px;margin-left: 45%;margin-top: -25%;"></div>
                </div>

                <div class="biaotis">
                    <ul>
                        <li class="cc">BTC</li>
                        <li>￥2563</li>
                    </ul>
                    <div id="sj3" style="width:50%;height:20px;margin-left: 45%;margin-top: -25%;"></div>
                </div>

                <div class="biaotis">
                    <ul>
                        <li class="cc">BTC</li>
                        <li>￥2563</li>
                    </ul>
                    <div id="sj4" style="width:50%;height:20px;margin-left: 45%;margin-top: -25%;"></div>
                </div>



            </div>
            <div class="lls" style=" float: right;width: 30%; height: 40px; margin-top: -3%;}">
                <form><input type="text" placeholder="搜索从这里开始..."><button type="submit">搜索</button></form>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li id="m1" class="m"><a href="<?php echo U('Index/index');?>" class="aa1 mmm">数据行情</a></li>
                <li id="m3" class="m"><a href="<?php echo U('Index/rankings');?>" class="aa1 mmm">排行榜</a></li>
                <li id="m6" class="m"><a href="<?php echo U('Index/concept');?>" class="aa7 mmm">概念行情</a></li>
            </ul>
        </div>
    </div>

    </div>



    <div class="shadow"></div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('sj1'));
        var easingFuncs = {
            C:function (k) {
                return k * k;
            },
        };

        var N_POINT = 30;

        var grids = [];
        var xAxes = [];
        var yAxes = [];
        var series = [];
        var titles = [];
        var count = 0;
        echarts.util.each(easingFuncs, function (easingFunc, name) {
            var data = [];
            for (var i = 0; i <= N_POINT; i++) {
                var x = i / N_POINT;
                var y = easingFunc(x);
                data.push([x, y]);
            }
            grids.push({
                show: true,
                borderWidth: 0,
                backgroundColor: '#fff',
                shadowColor: 'rgba(0, 0, 0, 0.3)',
                shadowBlur: 2
            });
            xAxes.push({
                type: 'value',
                show: false,
                min: 0,
                max: 1,
                gridIndex: count
            });
            yAxes.push({
                type: 'value',
                show: false,
                min: -0.4,
                max: 1.4,
                gridIndex: count
            });
            series.push({
                name: name,
                type: 'line',
                xAxisIndex: count,
                yAxisIndex: count,
                data: data,
                showSymbol: false,
                animationEasing: name,
                animationDuration: 1000
            });
            titles.push({
                textAlign: 'center',
                text: name,
                textStyle: {
                    fontSize: 12,
                    fontWeight: 'normal'
                }
            });
            count++;
        });

        var rowNumber = Math.ceil(Math.sqrt(count));
        echarts.util.each(grids, function (grid, idx) {
            grid.left = ((idx % rowNumber) / rowNumber * 100 + 0.5) + '%';
            grid.top = (Math.floor(idx / rowNumber) / rowNumber * 100 + 0.5) + '%';
            grid.width = (1 / rowNumber * 100 - 1) + '%';
            grid.height = (1 / rowNumber * 100 - 1) + '%';

            titles[idx].left = parseFloat(grid.left) + parseFloat(grid.width) / 2 + '%';
            titles[idx].top = parseFloat(grid.top) + '%';
        });

        option = {
            title: titles.concat([{
//                text: 'Different Easing Functions',
                top: 'bottom',
                left: 'center'
            }]),
            grid: grids,
            xAxis: xAxes,
            yAxis: yAxes,
            series: series
        };

        myChart.setOption(option);
    </script>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('sj2'));
        var easingFuncs = {
            C:function (k) {
                return k * k;
            },
        };

        var N_POINT = 30;

        var grids = [];
        var xAxes = [];
        var yAxes = [];
        var series = [];
        var titles = [];
        var count = 0;
        echarts.util.each(easingFuncs, function (easingFunc, name) {
            var data = [];
            for (var i = 0; i <= N_POINT; i++) {
                var x = i / N_POINT;
                var y = easingFunc(x);
                data.push([x, y]);
            }
            grids.push({
                show: true,
                borderWidth: 0,
                backgroundColor: '#fff',
                shadowColor: 'rgba(0, 0, 0, 0.3)',
                shadowBlur: 2
            });
            xAxes.push({
                type: 'value',
                show: false,
                min: 0,
                max: 1,
                gridIndex: count
            });
            yAxes.push({
                type: 'value',
                show: false,
                min: -0.4,
                max: 1.4,
                gridIndex: count
            });
            series.push({
                name: name,
                type: 'line',
                xAxisIndex: count,
                yAxisIndex: count,
                data: data,
                showSymbol: false,
                animationEasing: name,
                animationDuration: 1000
            });
            titles.push({
                textAlign: 'center',
                text: name,
                textStyle: {
                    fontSize: 12,
                    fontWeight: 'normal'
                }
            });
            count++;
        });

        var rowNumber = Math.ceil(Math.sqrt(count));
        echarts.util.each(grids, function (grid, idx) {
            grid.left = ((idx % rowNumber) / rowNumber * 100 + 0.5) + '%';
            grid.top = (Math.floor(idx / rowNumber) / rowNumber * 100 + 0.5) + '%';
            grid.width = (1 / rowNumber * 100 - 1) + '%';
            grid.height = (1 / rowNumber * 100 - 1) + '%';

            titles[idx].left = parseFloat(grid.left) + parseFloat(grid.width) / 2 + '%';
            titles[idx].top = parseFloat(grid.top) + '%';
        });

        option = {
            title: titles.concat([{
//                text: 'Different Easing Functions',
                top: 'bottom',
                left: 'center'
            }]),
            grid: grids,
            xAxis: xAxes,
            yAxis: yAxes,
            series: series
        };

        myChart.setOption(option);
    </script>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('sj3'));
        var easingFuncs = {
            C:function (k) {
                return k * k;
            },
        };

        var N_POINT = 30;

        var grids = [];
        var xAxes = [];
        var yAxes = [];
        var series = [];
        var titles = [];
        var count = 0;
        echarts.util.each(easingFuncs, function (easingFunc, name) {
            var data = [];
            for (var i = 0; i <= N_POINT; i++) {
                var x = i / N_POINT;
                var y = easingFunc(x);
                data.push([x, y]);
            }
            grids.push({
                show: true,
                borderWidth: 0,
                backgroundColor: '#fff',
                shadowColor: 'rgba(0, 0, 0, 0.3)',
                shadowBlur: 2
            });
            xAxes.push({
                type: 'value',
                show: false,
                min: 0,
                max: 1,
                gridIndex: count
            });
            yAxes.push({
                type: 'value',
                show: false,
                min: -0.4,
                max: 1.4,
                gridIndex: count
            });
            series.push({
                name: name,
                type: 'line',
                xAxisIndex: count,
                yAxisIndex: count,
                data: data,
                showSymbol: false,
                animationEasing: name,
                animationDuration: 1000
            });
            titles.push({
                textAlign: 'center',
                text: name,
                textStyle: {
                    fontSize: 12,
                    fontWeight: 'normal'
                }
            });
            count++;
        });

        var rowNumber = Math.ceil(Math.sqrt(count));
        echarts.util.each(grids, function (grid, idx) {
            grid.left = ((idx % rowNumber) / rowNumber * 100 + 0.5) + '%';
            grid.top = (Math.floor(idx / rowNumber) / rowNumber * 100 + 0.5) + '%';
            grid.width = (1 / rowNumber * 100 - 1) + '%';
            grid.height = (1 / rowNumber * 100 - 1) + '%';

            titles[idx].left = parseFloat(grid.left) + parseFloat(grid.width) / 2 + '%';
            titles[idx].top = parseFloat(grid.top) + '%';
        });

        option = {
            title: titles.concat([{
//                text: 'Different Easing Functions',
                top: 'bottom',
                left: 'center'
            }]),
            grid: grids,
            xAxis: xAxes,
            yAxis: yAxes,
            series: series
        };

        myChart.setOption(option);
    </script>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('sj4'));
        var easingFuncs = {

            // 在某一动画开始沿指示的路径进行动画处理前稍稍收回该动画的移动

                i: function (k) {
                var s = 1.70158 * 1.525;
                if ((k *= 2) < 1) { return 0.5 * (k * k * ((s + 1) * k - s)); }
                return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2);
            },

        };

        var N_POINT = 30;

        var grids = [];
        var xAxes = [];
        var yAxes = [];
        var series = [];
        var titles = [];
        var count = 0;
        echarts.util.each(easingFuncs, function (easingFunc, name) {
            var data = [];
            for (var i = 0; i <= N_POINT; i++) {
                var x = i / N_POINT;
                var y = easingFunc(x);
                data.push([x, y]);
            }
            grids.push({
                show: true,
                borderWidth: 0,
                backgroundColor: '#fff',
                shadowColor: 'rgba(0, 0, 0, 0.3)',
                shadowBlur: 2
            });
            xAxes.push({
                type: 'value',
                show: false,
                min: 0,
                max: 1,
                gridIndex: count
            });
            yAxes.push({
                type: 'value',
                show: false,
                min: -0.4,
                max: 1.4,
                gridIndex: count
            });
            series.push({
                name: name,
                type: 'line',
                xAxisIndex: count,
                yAxisIndex: count,
                data: data,
                showSymbol: false,
                animationEasing: name,
                animationDuration: 1000
            });
            titles.push({
                textAlign: 'center',
                text: name,
                textStyle: {
                    fontSize: 12,
                    fontWeight: 'normal'
                }
            });
            count++;
        });

        var rowNumber = Math.ceil(Math.sqrt(count));
        echarts.util.each(grids, function (grid, idx) {
            grid.left = ((idx % rowNumber) / rowNumber * 100 + 0.5) + '%';
            grid.top = (Math.floor(idx / rowNumber) / rowNumber * 100 + 0.5) + '%';
            grid.width = (1 / rowNumber * 100 - 1) + '%';
            grid.height = (1 / rowNumber * 100 - 1) + '%';

            titles[idx].left = parseFloat(grid.left) + parseFloat(grid.width) / 2 + '%';
            titles[idx].top = parseFloat(grid.top) + '%';
        });

        option = {
            title: titles.concat([{
                top: 'bottom',
                left: 'center'
            }]),
            grid: grids,
            xAxis: xAxes,
            yAxis: yAxes,
            series: series
        };


        myChart.setOption(option);
    </script>
</div>


	<!-- /头部 -->
	
	<!-- 主体 -->
	


<div id="main-container" class="container"style = "width:100%;min-height: 600px;margin-top: 2%;height: 700px">
    <div class="row">
        
    <!-- 左侧 nav-->

        

        <div class="hanqing">
            <div class="nk">
            <ul>
                <li>所有</li>
                <li>新币上市</li>
                <li>市值趋势</li>
            </ul>
            </div>
        </div>
    <?php if(is_array($list)): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$value): $mod = ($i % 2 );++$i;?><ul>
        <li><?php echo ($value["chengjiaoliang"]); ?></li>
        <li><?php echo ($value["zongshizhi"]); ?></li>
        <li><?php echo ($value["GBIzhishu"]); ?></li>
    </ul><?php endforeach; endif; else: echo "" ;endif; ?>
    <div id="main" style="width:90%;height:500px;margin-left: 5%;"></div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('main'));
    var upColor = '#ec0000';
    var upBorderColor = '#8A0000';
    var downColor = '#00da3c';
    var downBorderColor = '#008F28';

    var dataCount = 2e5;
    var data = generateOHLC(dataCount);

    var option = {
        dataset: {
            source: data
        },
        grid: [
            {
                left: '3%',
                right: '2%',
                bottom: 20,
                height: 400,
            },
            {
                left: '3%',
                right: '2%',
                height: 30,
                bottom: 20
            }
        ],
        xAxis: [
            {
                type: 'category',
                scale: true,
                boundaryGap : false,
                // inverse: true,
                axisLine: {onZero: false},
                splitLine: {show: false},
                splitNumber: 20,
                min: 'dataMin',
                max: 'dataMax'
            },
            {
                type: 'category',
                gridIndex: 1,
                scale: true,
                boundaryGap : false,
                axisLine: {onZero: false},
                axisTick: {show: false},
                splitLine: {show: false},
                axisLabel: {show: false},
                splitNumber: 20,
                min: 'dataMin',
                max: 'dataMax'
            }
        ],
        yAxis: [
            {
                scale: true,
                splitArea: {
                    show: true
                }
            },
            {
                scale: true,
                gridIndex: 1,
                splitNumber: 2,
                axisLabel: {show: false},
                axisLine: {show: false},
                axisTick: {show: false},
                splitLine: {show: false}
            }
        ],
        dataZoom: [{
            type: 'inside',
            xAxisIndex: [0, 1],

        }, {
            type: 'inside',
            xAxisIndex: [0, 1],

        }],
        visualMap: {
            show: false,
            seriesIndex: 1,
            dimension: 6,
            pieces: [{
                value: 1,
                color: upColor
            }, {
                value: -1,
                color: downColor
            }]
        },
        series: [
            {
                type: 'candlestick',
                itemStyle: {
                    color: upColor,
                    color0: downColor,
                    borderColor: upBorderColor,
                    borderColor0: downBorderColor
                },
                encode: {
                    x: 0,
                    y: [1, 4, 3, 2]
                }
            },
            {
                name: 'Volumn',
                type: 'bar',
                xAxisIndex: 1,
                yAxisIndex: 1,
                itemStyle: {
                    color: '#7fbe9e'
                },
                large: true,
                encode: {
                    x: 0,
                    y: 5
                }
            }
        ]
    };

    function generateOHLC(count) {
        var data = [];

        var xValue = +new Date(2011, 0, 1);
        var minute = 60 * 1000;
        var baseValue = Math.random() * 12000;
        var boxVals = new Array(4);
        var dayRange = 12;

        for (var i = 0; i < count; i++) {
            baseValue = baseValue + Math.random() * 20 - 10;

            for (var j = 0; j < 4; j++) {
                boxVals[j] = (Math.random() - 0.5) * dayRange + baseValue;
            }
            boxVals.sort();

            var idxRandom = Math.random();
            var openIdx = Math.round(Math.random() * 3);
            var closeIdx = Math.round(Math.random() * 2);
            if (closeIdx === openIdx) {
                closeIdx++;
            }
            var volumn = boxVals[3] * (1000 + Math.random() * 500);

            data[i] = [
                echarts.format.formatTime('yyyy-MM-dd\nhh:mm:ss', xValue += minute),
                +boxVals[openIdx].toFixed(2), // open
                +boxVals[3].toFixed(2), // highest
                +boxVals[0].toFixed(2), // lowest
                +boxVals[closeIdx].toFixed(2),  // close
                volumn.toFixed(0),
                getSign(data, i, +boxVals[openIdx], +boxVals[closeIdx], 4) // sign
            ];
        }

        return data;

        function getSign(data, dataIndex, openVal, closeVal, closeDimIdx) {
            var sign;
            if (openVal > closeVal) {
                sign = -1;
            }
            else if (openVal < closeVal) {
                sign = 1;
            }
            else {
                sign = dataIndex > 0
                        // If close === open, compare with close of last record
                        ? (data[dataIndex - 1][closeDimIdx] <= closeVal ? 1 : -1)
                        // No record of previous, set to be positive
                        : 1;
            }

            return sign;
        }
    }
        myChart.setOption(option);
     </script>



    </div>
</div>

<script type="text/javascript">
    $(function(){
        $(window).resize(function(){
            $("#main-container").css("min-height", $(window).height() - 343);
        }).resize();
    })
</script>
	<!-- /主体 -->

	<!-- 底部 -->
	<div id="footerhei">
    <div class="log">
        <img src="../../../../../Public/Home/images/header/logs.png"style="width: 15%;height: 90%;margin-top: 2%;">
        <img src="../../../../../Public/Home/images/header/qq.png"style="width: 50px;height: 50px;">
        <img src="../../../../../Public/Home/images/header/wx.png"style="width: 50px;height: 50px;">
        <img src="../../../../../Public/Home/images/header/xl.png"style="width: 50px;height: 50px;">
    </div>
    <div class="banqui">
        <ul>
            <li>@Copyright feixiaohoao.com 2018 </li>
            <li>备案号:<a>粤ICP备161164847号-B</a></li>
        </ul>
    </div>
    <div class="ftheinav">
    <ul>
        <li>免责申明</li>
        <li>|</li>
        <li>常见问题(F&Q)</li>
        <li>|</li>
        <li>联系我们</li>
        <li>|</li>
        <li>关于我们</li>
    </ul>
    </div>
</div>

	<!-- /底部 -->
</body>
</html>